<template>
	<view>
		
		<!-- 自定义导航栏 -->
		<u-navbar style="font-weight: bold;margin-bottom: 88rpx;" leftText="返回" title="我的订单" :safeAreaInsetTop="false" bgColor="#3183FC" leftIconColor="#FFFFFF"
			:titleStyle="{ color: '#FFFFFF' }">
			<view class="u-nav-slot" slot="left">
				<div >
					<div @click="tzwdsy">
						<image style="width: 40rpx;" src="/static/wdimg/ztb-fh.png" mode="widthFix"></image>
					</div>
				</div>
			</view>
		</u-navbar>
		
		
		
		<div class="top">
			<div class="xxxg">


				<!-- 卡片开始 -->
				<uni-card class="xxxg-card" style="height: 900rpx;"  padding="10px 0" :thumbnail="avatar" v-if="thiscar==0">
				
				<div style="width: 100%; ">
				
				<div style="display: flex;justify-content: center;margin-top: 150rpx;">
					<image src="../../../static/wdimg/qxcc.png" style="width: 400rpx;" mode="widthFix"></image>
				</div>
				<div style="display: flex;justify-content: center; margin-top: 30rpx;">暂无车辆信息</div>
				</div>
				
				</uni-card>
				<!-- 卡片结束 -->

				<!-- 卡片开始 -->
				<uni-card class="xxxg-card"  padding="10px 0" :thumbnail="avatar" v-if="thiscar==1">
	
				<div class="wdclzs-top">
					<div class="wdclzs-top-l">
						<u-avatar size="65" :src="src"></u-avatar>
					</div>
					<div class="wdclzs-top-r">
						<div >
							<span>车辆：</span>
							<span>奔驰-GR</span>
						</div>
						<div class="wdclzs-top-r-u">
							<span>车牌：</span>
							<span>豫M35468</span>
						</div>
					</div>
				</div>
				
				<div class="wdclzs-under">
					<div class="wdclzs-under-l">设为默认车辆</div>
					<div class="wdclzs-under-r">删除</div>
				</div>
				
				
				</uni-card>
				<!-- 卡片结束 -->



			
			
			</div>
		</div>

		<div class="under-tianjia" @click="tztjcl">
			<button class="under-button">
				+ 添加车辆
			</button>
		</div>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				thiscar:1,
				src: '/static/wdimg/aaa.jpg',
			}
		},
		methods: {
		tztjcl() {
						uni.navigateTo({
							url: "/pages/my/wdcl/tjcl/tjcl"
						})
					},
					tzwdsy(){
						uni.switchTab({
							url: "/pages/my/my"
						})
					},
	

		}
	}
</script>

<style>


	.top {
		width: 750rpx;
		height: 400rpx;
		background-color: #3183FC;
		/* 	overflow: hidden; */
		/* 	background-image: url(@/static/wdimg/aaa.jpg); */
		position: relative;
	}

	.xxxg {
		position: absolute;
		width: 750rpx;

	}

	.xxxg-card {
		/* 		height: 500rpx; */
		/* 	width: 750rpx; */
		border-radius: 25rpx;
	}

	
	.under-tianjia{
		background-color: white;
		width: 100%;
		Position: fixed;
		bottom: 0;
		height: 100rpx;
		
	}
	.under-button{
		background-color: #3183FC;
		color: white;
		width: 80%;
		border-radius: 100rpx;
		height: 70rpx;
		font-size: 30rpx;
		margin-top: 10rpx;
	}
	
	.wdclzs-top{
		display: flex;
	}
	
	.wdclzs-under{
		display: flex;
		justify-content: space-between;
		margin-top: 30rpx;
	}
	
	.wdclzs-top-r{
		margin-left: 30rpx;
		align-items: center;
	}
	
	.wdclzs-top-r-u{
		margin-top: 30rpx;
	}
	
	.wdclzs-under-r{
		margin-right: 20rpx;
	}
	
</style>